<template>
    <span class="logo">
        <el-image style="width:30px; height: 30px" src="/7f312563a64b0b7ed5a46cc7791ec177.png" fit="fill"></el-image>
        <div v-if="!flag">
            <span :style="{ color: bag, display: 'block' }">{{ name }}</span>
        </div>
    </span>
</template>
<script>
export default {
    name: "Logo",
    data() {
        return {

        }
    },
    props: {
        name: {
            type: String,
            default: '系统'
        },
        flag: {
            type: Boolean,
            required: false
        },
        bag: {
            type: String,
            default: 'rgb(0,0,0)'
        },
    },
    created() {

    },
    methods: {

    }
};
</script>
<style scoped lang="scss">
.logo {
    color: rgb(14, 99, 56) !important;
    font-size: 30px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 24px;
    user-select: none;

    span {
        margin-left: 8px;
        font-family: 'Times New Roman', Times, serif;
      font-size: 50px;
      fontWeight: bold
    }
}
</style>